<template>
	<div style="width: 100%;">
		<header>
			<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
			  <el-submenu :index="key+''"  v-for="(item,key) in msgJsonApp.title">
				<template slot="title">{{item.label}}</template>
			   <el-menu-item :index='key+"-"+index' v-if="!item.children" v-for="(chil,index) in item.children">{{chil.label}}</el-menu-item>
			   
			  </el-submenu>
			  <el-submenu v-if="msgJsonApp.title.length==0">
				  <template slot="title">暂无数据</template>
			  </el-submenu>
			</el-menu>
		</header>
	</div>
</template>
<script>
	export default {
		props: ["msgJsonApp"],
		data() {
			return {
				activeIndex: null,
				handleSelect: []
			}
		}
	}
</script>

<style>
</style>
